import { computed } from 'vue';
import { useI18n } from 'vue-i18n';
import { Message } from '@arco-design/web-vue';

const localeKey = 'arco-locale';

export default function useLocale() {
	const i18 = useI18n();
	const currentLocale = computed(() => {
		return i18.locale.value;
	});
	const changeLocale = (value) => {
		if (i18.locale.value === value) {
			return;
		}
		i18.locale.value = value;
		localStorage.setItem(localeKey, value);
		Message.success(i18.t('navbar.action.locale'));
	};
	return {
		currentLocale,
		changeLocale,
	};
}
